<template>
  <view class="center">
    <!--  -->

    <div class="info">
      <div class="header">
        <img :src="headerIcon" alt="" />
      </div>
      <div class="nameInfo">
        <div class="name">hello,张三</div>
        <div class="phone">178****3211</div>
      </div>
      <div class="back" @click="backToHome">
        <IconFont name="rect-left" color="#342e2c" size="13"></IconFont>
        <div>返回</div>
      </div>
    </div>
    <div class="card">
      <div class="left">
        <div class="title">累计花费(元)</div>
        <div class="value">30000.00</div>
      </div>
      <div class="right">
        <div class="title">累计行程(公里)</div>
        <div class="value">30000.00</div>
      </div>
    </div>
    <div class="listCard"></div>
  </view>
</template>
<script lang="js" setup>
import { ref,onMounted, defineProps,defineEmits } from 'vue'
import Taro, { eventCenter, useDidShow, useDidHide } from '@tarojs/taro';

import headerIcon from "../../svgs/header.svg";
import { IconFont } from '@nutui/icons-vue-taro';
function backToHome(){
  Taro.navigateTo({
    url: '/pages/index/index'
  })
}
onMounted(() => {})
defineExpose({})
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
